$(function(){
  getUserInfo()
})

// 获取用户的基本信息
function getUserInfo(){
  $.ajax({
    method:'GET',
    url:'/my/userinfo',
    // headers 就是请求头配置对象
    // headers:{
    //   Authorization:localStorage.getItem('token')||''
    // },
    success:function(res){
      if(res.status!==0){
        return layui.layer.msg(res.message)
      }
      // 调用 renderAvatar 渲染用户的头像
      renderAvatar(res.data)
    }
  })
}


// 渲染用户的头像
function renderAvatar(user){
  // console.log(user);
  // 获取用户的名称
  const name=user.nickname||user.username
  // 设置欢迎的文本
  $('#welcome').html(`欢迎 ${name}`)
  // 按需渲染用户的头像
  if(user.user_pic){
    // 渲染图片头像
    $('.layui-nav-img').attr('src',user.user_pic).show()
    $('.text-avatar').hide()
  }else{
    // 渲染文本头像
    $('.layui-nav-img').hide()
    const first=name[0].toUpperCase()
    $('.text-avatar').html(first).show()
  }
}

// 点击按钮，实现退出功能
$('.btn_login').on('click',function(){
  // 提示用户是否确认退出
  layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function(index) {
    // 清空本地存储中的 token
    localStorage.removeItem('token')
    // 重新跳转到登录页面
    location.href='/login.html'
    // 关闭 confirm 询问框
    layer.close(index)
  })
})

